<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="inc/home::header">
</head>

<link type="text/css" th:href="@{/css/content.css}" rel="stylesheet" />
	<body>
		<!--返回-->
		<div class="back" onclick="location='/zbdzll'"><img src="/images/back.png" /></div>
		<div th:include="header :: header"></div>
		<div class="header-title">
			<span>装备电子履历统计</span>
		</div>
		<div class="spare-a">
			<div class="spare-al">
				<div style="height:10px"></div>
				<ul>
					<a href="/Maint/zbdzll-wwctj">
					<li>
						<p>未完成统计</p>
					</li>
					</a>
					<a href="/Maint/zbdzll-hjtj">
					<li class="active">
						<p>换件统计</p>
					</li>
					</a>
				</ul>
			</div>
			<div class="spare-ar">
				<div class="spare-ara">
					<div class="spare-ara-a clearfix">
						<div class="spare-ara-al">
							<div class="spare-ara-all"><input type="text" placeholder="请输入关键字" id="replacePart" name="replacePart"/></div>
							<div class="spare-ara-alr" onclick="js_method()"></div>
						</div>
					</div>
					<div class="srcoll-documentation" id="srcoll-documentation">
					<div class="documentation nottake">
						<ul class="lists" id="lists">
							<!-- <li>
								<div class="paper-a">名称：零部件工具</div>
								<div class="paper-a zbdzll-new">序列号：1000</div>
							</li> -->
						</ul>
					</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script th:inline="javascript">
	/*<![CDATA[*/
	 //默认加载   每页显示数据 12              
	$(function() {
		loadDataPage("/Maint/MaintM/zbdzll-hjtj", "srcoll-documentation", "lists", 12,"replacePart");
	});
	
	function js_method() {
		$(".dropload-down").remove();
		$('#lists').html("");
		loadDataPage("/Maint/MaintM/zbdzll-hjtj", "srcoll-documentation", "lists", 12,"replacePart");
	
	}
	 //构建数据列表
	function dataKk(data, me) {
		var result = '';
		var arrLen = data.length;
		if (arrLen > 0) {
			for (var i = 0; i < arrLen; i++) {
				result += '<li>'
						+ '<div class="paper-a">名称：' + data[i].replacePart+ '</div>' 
						+ '<div class="paper-a zbdzll-new">序列号：' + data[i].recordNo+ '</div>'
						+ '</li>'
			}
		} else {
			me.lock();
			me.noData();
		}
		return result;
	}
	/*]]>*/
</script>
</html>
